<extend name="Public/base" />
  


    <style type="text/css">
        body {
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 9px 0;
        }

        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }


    </style>
<block name="body">
	<form class="form-inline definewidth m20 top_form container-fluid" action="index.html" method="get" role="form">
    <div class="form-group position_change">
    <label>
    供应商：
    </label>
    <input type="text" name=""  class="abc input-default form-control" placeholder="" value=""  >
        <span data-toggle="modal" data-target=".bs-example-modal-lg"><b>...</b></span>
    </div>
    <div class="form-group add_icon">
        <label>
            单据时间：
        </label>
        <input type="text" name="" id="d12"  class="abc input-default form-control form-date" placeholder="" value="">
        <span class="add-on"><i class="icon-remove"></i></span>
        <span class="add-on"><i class="icon-th"></i></span>
    </div>
    <div class="form-group mt_5">
        <label>
            单据编号：
        </label>
        <span>CG2016101150023969</span>
    </div>
</form>

<div class="table-responsive ">
<table class="table table-bordered table-hover definewidth m10 container-fluid" style="cellpadding:0;cellspacing:0;">
    <thead>
    <tr>
        <th width="16%">商品原料</th>
        <th width="8%">型号</th>
        <th width="12%">厚度</th>
        <th width="8%">宽度</th>
        <th width="12%">高度</th>
        <th width="8%">单价（吨）</th>
        <th width="8%">重量</th>
        <th width="12%">购货金额</th>
        <th width="12%">是否有磁</th>
    </tr>
    </thead>
    <tbody>
    <tr class="table-tr">
        <td class="ellipsis_item">
            <div>
                <input />
                <span><b>...</b></span>
            </div>
        </td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td>千克</td>
        <td></td>
        <td></td>
    </tr>
    <tr class="table-tr">
        <td class="ellipsis_item">
            <div>
                <input />
                <span><b>...</b></span>
            </div>
        </td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td>2</td>
        <td></td>
        <td></td>
    </tr>
    <tr class="table-tr">
        <td class="ellipsis_item">
            <div>
                <input />
                <span><b>...</b></span>
            </div>
        </td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>3</td>
    <td></td>
    <td></td>
</tr>
    <tr class="table-tr">
        <td class="ellipsis_item">
            <div>
                <input />
                <span><b>...</b></span>
            </div>
        </td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td>3</td>
        <td></td>
        <td></td>
    </tr>
    </tbody>
</table>
</div>

<div class="definewidth tips container-fluid">
<textarea class="form-control" placeholder="暂无备注消息" rows="3" >
</textarea>
</div>


<div class="form-inline definewidth top_form bottom_div mt_20 container-fluid" method="get">
    <div class="col-lg-4">
        <label>
            本次付款：
        </label>
        <input type="text" name="rolename" class="abc input-default form-control" placeholder="" value="">
    </div>
    <div class="col-lg-4">
        <label>
            本次欠款：
        </label>
        <input type="text" name="rolename" class="abc input-default form-control" placeholder="" value="333" disabled="disabled">
    </div>
    <div  class="col-lg-4">
        <label>
            制单人：
        </label>
        <input type="text" name="rolename" class="abc input-default form-control" placeholder="" value="" disabled="disabled">
    </div>
</div>


<!--弹窗-->

<div class="modal fade bs-example-modal-lg header_bg"  id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel"><b>选择供货商</b></h4>
            </div>
            <div class="modal-body">
               <div class="modal_top container">
                   <div class="input-group col-lg-3">
                       <select class="form-control selectpicker" data-mobile="true">
                           <option>材料</option>
                           <option>123456</option>
                           <option>好像没问题</option>
                       </select>
                   </div>
                   <div class="col-lg-5">
                       <input  type="text" class="form-control width_250" placeholder="输入编号/名称/联系人/电话查询"/>
                   </div>
                   <div class="col-lg-2">
                       <button type="submit" class="btn btn btn-default">查询</button>
                   </div>
                   <div class="col-lg-2"></div>
               </div>
                <div class="middle_table">
                    <table class="table table-bordered table-hover definewidth m10 container-fluid" style="cellpadding:0;cellspacing:0;">
                        <thead>
                        <tr>
                            <th width="4%"></th>
                            <th width="17%">类别</th>
                            <th width="17%">编号</th>
                            <th width="28%">名称</th>
                            <th width="17%">联系人</th>
                            <th width="17%">手机</th>
                        </tr>
                        </thead>
                        <tr class="table-tr">
                            <td><input type="checkbox"/></td>
                            <td>材料</td>
                            <td>sh</td>
                            <td>材料名称写在这里</td>
                            <td>未知</td>
                            <td>1234567896</td>
                        </tr>
                        <tr class="table-tr">
                            <td><input type="checkbox"/></td>
                            <td>材料</td>
                            <td>sh</td>
                            <td>材料名称写在这里</td>
                            <td>未知</td>
                            <td>1234567896</td>
                        </tr>
                        <tr class="table-tr">
                            <td><input type="checkbox"/></td>
                            <td>材料</td>
                            <td>sh</td>
                            <td>材料名称写在这里</td>
                            <td>未知</td>
                            <td>1234567896</td>
                        </tr>
                        <tr class="table-tr">
                            <td><input type="checkbox"/></td>
                            <td>材料</td>
                            <td>sh</td>
                            <td>材料名称写在这里</td>
                            <td>未知</td>
                            <td>1234567896</td>
                        </tr>
                    </table>
                </div>
                <div class="bottom_pages container">
                    <nav>
                        <ul class="pagination">
                            <li><a href="#">&laquo;</a></li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">&raquo;</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>

        </div>
    </div>
</div>

<script type="text/javascript">
    $('.form-date').datetimepicker({
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        minView: 3,
        forceParse: 0,
        language:"zh-CN",
        format: 'yyyy/mm/dd'
    });
</script>
</block>
